﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="format-detection" content="telephone=no,email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="renderer" content="webkit" />
    <meta name="x5-fullscreen" content="true">
    <meta name="full-screen" content="yes">
    <title>Title</title>
    <link href="../../css/base/reset.css" rel="stylesheet" />
    <link href="../../css/base/base.scss" rel="stylesheet" />
    <!--<link href="css/fonts/icomoon/style.css" rel="stylesheet" />-->
    <link href="../../plugins/modal/modal.css" rel="stylesheet" />
    <link href="../../plugins/swiper3/swiper.min.css" rel="stylesheet" />
    <link href="../../css/struct/custom.scss" rel="stylesheet" />
    <link href="../../css/struct/layout.scss" rel="stylesheet" />
    <link href="../../css/theme/dark/style.scss" rel="stylesheet" />
    <style type="text/css">
        .list-form > li > .align-right > *{
            border: none;
            height: auto;
            padding: 0;
            text-align: right;
            background-color: transparent;
        }
        .list-form .btn-unstyled{
            font-size: 16px;
            height: auto;
            line-height: 1.42857143;
            padding: 0;
            border: none;
            vertical-align: middle;
        }
        .list-form [data-control="dropdown"]{
            margin-top: -2px;
            overflow: visible !important;
        }
        .list-form [data-control="dropdown"] .dropdown{
            text-align: center;
        }
    </style>
</head>
<body>
    <div class="background"></div>
    <div class="wrapper">
        <header class="header">
            <div class="left-button" data-action="open-left-menu">
                <button type="button" class="btn">
                    <i class="icomoon icon-menu"></i>
                </button>
            </div>
            <div class="right-button">
                <a href="">
                    <img class="logo" />
                </a>
            </div>
            <!--<div class="head-center">
                Title
            </div>-->
        </header>
        <div class="container" role="main">
            <h3 class="margin-bottom-10 text-center">完善个人信息</h3>
            <ul class="list list-form nogap">
                <li>
                    <div class="align-left">姓名</div>
                    <div class="align-right">
                        <input type="text" placeholder="请输入姓名" />
                    </div>
                </li>
                <li>
                    <div class="align-left">性别</div>
                    <div class="align-right" data-control="dropdown">
                        <div class="btn-group" role="combobox" align="right">
                            <button type="button" class="btn btn-dropdown btn-unstyled" data-toggle="dropdown" data-value="1">男</button>
                            <ul class="list dropdown">
                                <li data-value="1">男</li>
                                <li data-value="0">女</li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="align-left">搜索</div>
                    <div class="align-right" data-modal="#myModal">
                        <input value="经销商经销商经销商" style="width: 80%;" />
                        <i class="icomoon icon-search"></i>
                    </div>
                </li>
                <li>
                    <div class="align-left">日期</div>
                    <div class="align-right" data-control="dropdown">
                        <!--<input type="date" />&lt;!&ndash; 部分手机有不兼容的情况 &ndash;&gt;-->
                        <div class="btn-group" role="combobox" align="right">
                            <button type="button" class="btn btn-dropdown btn-unstyled" data-toggle="dropdown" data-value="2015">2015</button>
                            <ul class="list dropdown scroll">
                                <li data-value="2015">2015</li>
                                <li data-value="2016">2016</li>
                                <li data-value="2017">2017</li>
                                <li data-value="2015">2015</li>
                                <li data-value="2016">2016</li>
                                <li data-value="2017">2017</li>
                                <li data-value="2015">2015</li>
                                <li data-value="2016">2016</li>
                                <li data-value="2017">2017</li>
                                <li data-value="2015">2015</li>
                                <li data-value="2016">2016</li>
                                <li data-value="2017">2017</li>
                            </ul>
                        </div>
                        <div class="btn-group" role="combobox" align="right">
                            <button type="button" class="btn btn-dropdown btn-unstyled" data-toggle="dropdown" data-value="1">1月</button>
                            <ul class="list dropdown scroll">
                                <li data-value="1">1月</li>
                                <li data-value="2">2月</li>
                                <li data-value="3">3月</li>
                                <li data-value="4">4月</li>
                                <li data-value="5">5月</li>
                                <li data-value="6">1月</li>
                                <li data-value="7">2月</li>
                                <li data-value="8">3月</li>
                                <li data-value="9">4月</li>
                                <li data-value="10">5月</li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="align-left">List Item</div>
                    <div class="align-right">Value</div>
                </li>
                <li>
                    <div class="align-left">List Item</div>
                    <div class="align-right">Value</div>
                </li>
            </ul>
        </div>
    </div>
    <div id="myModal" class="modal-wrapper">
        <div class="modal-container modal-lg" style="padding: 0;">
            <div class="modal-content">
                <div class="modal-body" style="border-radius: 0;">
                    <ul class="list nogap" data-dismiss="modal">
                        <li>经销商经销商经销商经销商经销商经销商经销商经销商</li>
                        <li>经销商经销商经销商经销商经销商经销商经销商经销商</li>
                        <li>经销商经销商经销商经销商经销商经销商经销商经销商</li>
                        <li>经销商经销商经销商经销商经销商经销商经销商经销商</li>
                        <li>经销商经销商经销商经销商经销商经销商经销商经销商</li>
                        <li>经销商经销商经销商经销商经销商经销商经销商经销商</li>
                        <li>经销商经销商经销商经销商经销商经销商经销商经销商</li>
                        <li>经销商经销商经销商经销商经销商经销商经销商经销商</li>
                        <li>经销商经销商经销商经销商经销商经销商经销商经销商</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--<script src="js/zepto/zepto.js"></script>
    <script src="js/zepto/selector.js"></script>
    <script src="js/zepto/compatible.js"></script>
    <script src="js/animation/tween.js"></script>-->
    <script src="../../js/jquery/jquery-1.11.2.js"></script>
    <script src="../../js/fastclick/fastclick.js"></script>
    <script src="../../plugins/modal/modal.js"></script>
    <script src="../../plugins/swiper3/swiper.jquery.min.js"></script>
    <script src="../../js/global.js"></script>
    <script type="text/javascript">
        $(function () {

        })
    </script>
</body>
</html>